@CHARSET "UTF-8";  
/******* GENERAL RESET *******/  
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em,  
font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody,  
 tfoot, thead, tr, th, td {  
border:0pt none;  
font-family:inherit;  
font-size: 100%;  
font-style:inherit;  
font-weight:inherit;  
margin:0pt;  
padding:0pt;  
vertical-align:baseline;  
}  
body{  
    background: #fff;  
    line-height:14px;  
    font-size: 12px;  
    font-family: Arial,  Verdana, Helvetica, sans-serif;  
    margin:0pt;  
    cursor:default;  
    overflow: hidden;  
}  
html,body{  
    height:100%;  
    text-align: center;  
}  
.clear{  
    clear: both;  
    height: 0;  
    visibility: hidden;  
    display: block;  
}  
a{  
    text-decoration: none;  
}  
/******* GENERAL RESET *******/  
/******* LOGO *******/  
#logo{  
    margin-top: 1em;  
    display: block;  
}  
/******* /LOGO  *******/  
/******* MENU *******/  
#container{  
    margin: 7em auto;  
    width: 400px;  
}  
#container ul{  
    list-style: none;  
    list-style-position: outside;  
}  
#container ul.menu li{  
    float: left;  
    margin-right: 5px;  
    margin-bottom: -1px;  
}  
#container ul.menu li{  
    font-weight: 700;  
    display: block;  
    padding: 5px 10px 5px 10px;  
    background: #efefef;  
    margin-bottom: -1px;  
    border: 1px solid #d0ccc9;  
    border-width: 1px 1px 1px 1px;  
    position: relative;  
    color: #898989;  
    cursor: pointer;  
}  
#container ul.menu li.active{  
    background: #fff;  
    top: 1px;  
    border-bottom: 0;  
    color: #5f95ef;  
}  
/******* /MENU *******/  
/******* CONTENT *******/  
.content{  
    margin: 0pt auto;  
    background: #efefef;  
    background: #fff;  
    border: 1px solid #d0ccc9;  
    text-align: left;  
    padding: 10px;  
    padding-bottom: 20px;  
    font-size: 11px;  
}  
.content h1{  
    line-height: 1em;  
    vertical-align: middle;  
    height: 48px;  
    padding: 10px 10px 10px 52px;  
    font-size: 32px;  
}  
/******* /CONTENT *******/  
/******* NEWS *******/  
.content.news h1{  
    background: transparent url(images/news.jpg) no-repeat scroll left top;  
}  
.content.news{  
    display: block;  
}  
/******* /NEWS *******/  
/******* TUTORIALS *******/  
.content.tutorials h1{  
    background: transparent url(images/tuts.jpg) no-repeat scroll left top;  
}  
.content.tutorials{  
    display: none;  
}  
/******* /TUTORIALS *******/  
/******* LINKS *******/  
.content.links h1{  
    background: transparent url(images/links.jpg) no-repeat scroll left top;  
}  
.content.links{  
    display: none;  
}  
.content.links a{  
    color: #5f95ef;  
}  
/******* /LINKS *******/ 